<?php include'views/templates/layouts/backend/header.php'; ?>

<div class="row-fluid">
    <div class="span12">
        <div class="widget-box">
            <div class="widget-title">
								<span class="icon">
									<input type="checkbox" id="title-checkbox" name="title-checkbox" />
								</span>
                <h5>Static table with checkboxes</h5>
            </div>
            <div class="widget-content nopadding">
                <table class="table table-bordered table-striped table-hover with-check">
                    <thead>
                    <tr>
                        <th>Rendering engine</th>
                        <th>Browser</th>
                        <th>Platform(s)</th>
                        <th>Engine version</th>
                        <th>Platform(s)</th>
                        <th>Engine version</th>
                    </tr>
                    </thead>
                    <tbody id="dataLists">
                    <?php
                    while($row = mysqli_fetch_array($listReports))
                    {
                        //echo "<pre>";	var_dump($row);	exit();
                        ?>
                        <tr class="gradeX">
                            <td><?php echo $row['title']; ?></td>
                            <td><?php echo $row['content']; ?></td>
                            <td><?php echo $row['email']; ?></td>
                            <td class="center">4</td>
                            <td class="center">4</td>
                            <td class="center">4</td>
                        </tr>
                    <?php
                    }
                    ?>
                    </tbody>
                </table>
                <div id="pagination" class="fg-toolbar ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix">
                    <div class="dataTables_filter" id="DataTables_Table_0_filter">
                        <label>Search: <input type="text" aria-controls="DataTables_Table_0"></label>
                    </div>
                    <div class="dataTables_paginate fg-buttonset ui-buttonset fg-buttonset-multi ui-buttonset-multi paging_full_numbers" id="DataTables_Table_0_paginate">
                        <a tabindex="0" class="first ui-corner-tl ui-corner-bl fg-button ui-button ui-state-default ui-state-disabled" id="DataTables_Table_0_first">First</a>
                        <a tabindex="0" class="previous fg-button ui-button ui-state-default ui-state-disabled" id="DataTables_Table_0_previous">Previous</a>
                        <span><a tabindex="0" class="fg-button ui-button ui-state-default ui-state-disabled">1</a>
                            <a tabindex="0" class="fg-button ui-button ui-state-default">2</a>
                            <a tabindex="0" class="fg-button ui-button ui-state-default">3</a>
                            <a tabindex="0" class="fg-button ui-button ui-state-default">4</a>
                            <a tabindex="0" class="fg-button ui-button ui-state-default">5</a>
                        </span>
                        <a tabindex="0" class="next fg-button ui-button ui-state-default" id="DataTables_Table_0_next">Next</a>
                        <a tabindex="0" class="last ui-corner-tr ui-corner-br fg-button ui-button ui-state-default" id="DataTables_Table_0_last">Last</a>
                    </div>
                </div>
            </div>
        </div>

        <!--div class="widget-box">
            <div class="widget-title">

                <h5>Dynamic table</h5>
            </div>
            <div class="widget-content nopadding">
                <table class="table table-bordered table-striped table-hover data-table">
                    <thead>
                        <tr>
                            <th>Rendering engine</th>
                            <th>Browser</th>
                            <th>Platform(s)</th>
                            <th>Engine version</th>
                            <th>Platform(s)</th>
                            <th>Engine version</th>
                        </tr>
                        </thead>
                        <tbody>
<?php
while($row = mysqli_fetch_array($listReports))
{
    //echo "<pre>";	var_dump($row);	exit();
    ?>
                        <tr class="gradeX">
                            <td><?php echo $row['title']; ?></td>
                            <td><?php echo $row['content']; ?></td>
                            <td><?php echo $row['email']; ?></td>
                            <td class="center">4</td>
                            <td class="center">4</td>
                            <td class="center">4</td>
                        </tr>
<?php
}
?>
                    </tbody>
                </table>
            </div>
        </div-->
    </div>
</div>

<script>
    $("#pagination .fg-button").click(function()  {
        $.ajax({
            url: "index.php?controller=report&action=ajaxLists",
            type: "GET",
            dataType: "html"
        }).done(function(data ) {
             $("#dataLists").empty();
             $("#dataLists").append(data);
        })
    })
</script>

<?php include'views/templates/layouts/backend/footer.php'; ?>